<div>
  <app-team-nav
    [navInfo]="navInfo"
  ></app-team-nav>
  <div class="container">
    <div class="package_title">{{motherPacket.name}}</div>
    <div class="package_content">
      <div class="setting" nzTitle="设置" nzPlacement="topCenter" nz-tooltip
           (click)="motherPacket.isEdit=!motherPacket.isEdit" [ngClass]="{'setting1':motherPacket.isEdit}"></div>
      <div class="packages clearfix">
        <!--教案包-->
        <div class="package f_l">
          <div class="package_img" [style.background-image]="'url('+readImgUrl+motherPacket.cover+')'"
               (click)="goPacket(motherPacket.packetGuid,motherPacket.name,motherPacket.isEdit)"></div>
          <div class="package_info">
            <div class="package_name">
              <div style="font-size: 20px;color: #333333">{{motherPacket.name}}</div>
              <div style="font-size: 12px;color: #333333">{{motherPacket.enName}}</div>
              <div style="font-size: 12px;color: #999999">{{motherPacket.publisher}}</div>
            </div>
            <img src="/assets/img/image/duplicate_logo.png" alt="" class="duplicate_logo" width="22" height="23"
                 *ngIf="motherPacket.isEdit"
                 (click)="createDuplicate(motherPacket.teamGuid,motherPacket.packetGuid,motherPacket.name)">
            <div class="package_end_time" *ngIf="false">2020年12月31日到期</div>
          </div>
        </div>
        <!--教案包副本-->
        <div class="duplicate f_l" *ngFor="let duplicate of childPacketArr;let i = index">
          <div class="duplicate_img" [style.background-image]="'url('+readImgUrl+duplicate.cover+')'"
               (click)="goPacket(duplicate.packetGuid,duplicate.name,motherPacket.isEdit)"></div>
          <div class="duplicate_info">
            <div class="duplicate_name clearfix">
              <div class="duplicate_tip f_r">副本</div>
              <div
                style="font-size: 20px;color: #333333;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
                {{duplicate.name}}
              </div>
              <div
                style="font-size: 12px;color: #333333;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
                {{duplicate.enName}}
              </div>
              <div
                style="font-size: 12px;color: #999999;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">
                {{duplicate.publisher}}
              </div>
            </div>
          </div>
          <div class="logo">
            <img src="/assets/img/image/little_modify_logo.png" alt="" width="20" height="21"
                 style="margin-right: 10px;cursor: pointer" *ngIf="motherPacket.isEdit"
                 (click)="modifyDuplicate(duplicate,i)">
            <img src="/assets/img/image/delete_logo.png" alt="" width="20" height="21" style="cursor: pointer"
                 *ngIf="motherPacket.isEdit" (click)="deleteDuplicate(duplicate.packetGuid,duplicate.name,i)">
          </div>
          <app-modify-duplicate
            *ngIf="duplicate.isModify"
            [duplicate]="duplicate"
            (onDuplicate)="closeModifyDuplicate($event)"
          >

          </app-modify-duplicate>
        </div>
      </div>
    </div>
  </div>
</div>
